<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有品好物</title>
</head>
<body>
    <header class="header">
        <img src="./images/hw1_02.png" alt="">
    </header>
    <main class="main">
        <section class="section">
            <img src="./images/hw2_03.png" alt="">
            <div class="section-d1">
                <h3>米家互联网迷你波轮洗衣机Pro 3Kg</h3>
                <p>煮洗杀菌|健康升级|深度除螨|智能咖喱</p>
                <p><span>TOP</span><span>家用电器</span></p>
                <p>
                    <strong>1099<span>1599</span></strong>
                    <button>特价</button>
                </p>
            </div>
        </section>
        <section class="section">
            <img src="./images/hw3_03.png" alt="">
            <div class="section-d1">
                <h3>小米10至尊纪念版</h3>
                <p>骁龙865处理器;120倍超长焦微光</p>
                <p><span>TOP</span><span>手机</span></p>
                <p>
                    <strong>5299起</strong>
                </p>
            </div>
        </section>
        <section class="section">
            <img src="./images/hw4_03.png" alt="">
            <div class="section-d1">
                <h3>8H乳胶静音床垫M3 Pro</h3>
                <p>硬度提升透气加倍,睡感再升级,咖喱给</p>
                <p><span>TOP</span><span>家装建材</span></p>
                <p>
                    <strong>1499起<span>1699</span></strong>
                    <button>有品秒杀</button>
                </p>
            </div>
        </section>
    </main>
</body>
</html>